<script setup lang="ts">
import {TabPane, Tabs} from 'ant-design-vue';
import {Page} from '#/components/common-ui';

import BasicInfo from './basic-info.vue';
import PasswordSetting from './password-setting.vue';
</script>

<template>
  <Page auto-content-height>
    <div class="bg-card rounded-md">
      <Tabs tabPosition="left" :destroyInactiveTabPane="true">
        <TabPane tab="基本信息" key="0">
          <BasicInfo/>
        </TabPane>
        <TabPane tab="密码设置" key="1">
          <PasswordSetting/>
        </TabPane>
      </Tabs>
    </div>
  </Page>
</template>

<style scoped lang="scss">
:deep(.ant-tabs-nav) {
  min-width: 220px;
  min-height: 280px;
}
</style>